<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大云智联-首页</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link href="css/base.css" rel="stylesheet">
    <link rel="stylesheet" href="css/index.css"/>
    <link href="css/main.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/ljn_swiper.min.css"/>
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/index.js"></script>
    <script type="text/javascript" src="js/ljn_swiper.min.js"></script>
    <script src="js/main.js"></script>
    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
</head>
<body>
<!--TODO:header-->
<header>
    <div class="header_nav_btn"><span></span><span></span><span></span></div>
    <div class="xdz_top_nav">
        <a href="index.html" class="xdz_logo_icon"><img src="img/head_foot/logo_icon.png" alt="大云智联"/></a>
        <a href="index.html" class="xdz_logo_iconB"><img src="img/head_foot/logo_iconC.png" alt="大云智联"/></a>
        <img src="img/head_foot/top_textImg.png"/>
        <ul class="clearfix">
            <li><a href="index.html">首页</a></li>
            <li><a href="#" class="xdz_nav_menu">大云产品</a>

                <div class="nav_min_menu">
                    <a href="product.html">产品中心</a>
                    <a href="min_planet.html">小行星系列</a>
                    <a href="min_planet.html">小行星系列</a>
                    <a href="sugar.html">小糖果系列</a>
                    <a href="min_guard.html">小卫士系列</a>
                    <a href="card.html">小卡片系列</a>
                    <a href="cat.html">招财猫系列</a>
                </div>
            </li>
            <li><a href="#">新闻动态</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
    </div>
    <ul class="xdz_product_menu clearfix">
        <li><a href="min_planet.html"><img src="img/xx/jqr.png"/></a>

            <p>小行星系列</p></li>
        <li><a href="sugar.html"><img src="img/sugar/xtg.png"/></a>

            <p>小糖果系列</p></li>
        <li><a href="min_guard.html"><img src="img/min_guard/images/menu_img.jpg"/></a>

            <p>小卫士系列</p></li>
        <li><a href="card.html"><img src="img/mini-card/zhengmian.png"/></a>

            <p>小卡片系列</p></li>
        <li><a href="cat.html"><img src="img/Cat/banner.png"/></a>

            <p>招财猫系列</p></li>
    </ul>
</header>
<!--TODO:container-->

<div class="wrap">
    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <p class="p1">小糖果系列</p>

                    <p class="p2">720P</p>

                    <p class="p3">高清云台摄像机</p>

                    <p class="p4">音画至真，自在掌控</p>

                    <p class="p5">移动侦测/双向语音/超强夜视</p>

                    <p class="p6">便捷安装/一键联网</p></div>
                <div class="swiper-slide">
                    <p class="p2-1">小卫士系列</p>

                    <p class="p2-p1">高清云台摄像机</p>

                    <p class="p2-2">用“芯”感知，</p>

                    <p class="p2-3">世界尽在掌控</p>

                    <p class="p2-4">移动侦测/一键联网/多用户</p>

                    <p class="p2-5">预览/双向语音通话/超大</p>

                    <p class="p2-6">广角/安全加密信息传输</p>
                </div>
                <div class="swiper-slide">
                    <p class="p2-1">小行星系列</p>

                    <p class="p2-p1">高清云台摄像机</p>

                    <p class="p2-2">开启智慧新生活，</p>

                    <p class="p2-3">让爱无距！</p>

                    <p class="p2-4">超强夜视/双向语音通话</p>

                    <p class="p2-5">一键联网/便捷安装</p>
                </div>
            </div>
            <div class="swiper-pagination dian"></div>
            <!--<div class="swiper-button-prev swiper-button-white dian"></div>-->
            <!--<div class="swiper-button-next swiper-button-white dian"></div>-->
        </div>
    </div>
    <div class="clear"></div>

    <script type="text/javascript">
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            autoplay: 2500,
            autoplayDisableOnInteraction: false,
            paginationClickable: true,
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            loop: true
        });
    </script>


<div class="lbyys">


    <div class="sjf-lbt">
        <ul id="lb">
            <li>
                <div class="jzhong">
                    <p class="p1">小糖果系列</p>

                    <p class="p2">720P</p>

                    <p class="p3">高清云台摄像机</p>

                    <p class="p4">音画至真，自在掌控</p>

                    <p class="p5">移动侦测/双向语音/超强夜视</p>

                    <p class="p6">便捷安装/一键联网</p>
                </div>
            </li>
            <li>
                <div class="jzhong">
                    <p class="p2-1">小卫士系列</p>

                    <p class="p2-p1">高清云台摄像机</p>

                    <p class="p2-2">用“芯”感知，</p>

                    <p class="p2-3">世界尽在掌控</p>

                    <p class="p2-4">移动侦测/一键联网/多用户</p>

                    <p class="p2-5">预览/双向语音通话/超大</p>

                    <p class="p2-6">广角/安全加密信息传输</p>
                </div>
            </li>
            <li>
                <div class="jzhong">
                    <p class="p2-1">小行星系列</p>

                    <p class="p2-p1">高清云台摄像机</p>

                    <p class="p2-2">开启智慧新生活，</p>

                    <p class="p2-3">让爱无距！</p>

                    <p class="p2-4">超强夜视/双向语音通话</p>

                    <p class="p2-5">一键联网/便捷安装</p>
                </div>
            </li>
        </ul>
        <ul class="sjf-btn"></ul>
        <span id="sjf-btnl"><img src="img/jaintou.png" alt=""></span>
        <span id="sjf-btnr"> <img src="img/jiantou2.png" alt=""> </span>
    </div>



</div>





    <div class="about">
        <ul class="about-ul">
            <li>
                <p class="about1-p1">关于我们</p>

                <p class="about1-p2">大联智云，开启智慧新生活！</p>
            </li>
            <li id="kkois">
                <p class="about2-p1">客户端软件下载</p>
            </li>
            <li id="kkoi">
                <p class="about3-p1">产品中心</p>
            </li>
        </ul>
    </div>


</div>
<!--TODO:footer-->
<footer>
    <div class="foot_cont clearfix">
        <div class="codeimg">
            <img src="img/head_foot/erwm.png"/>

            <p>官方微信公众号</p>
        </div>
        <div class="foot_text">
            <h2>400-000-0000<br>
                <span>周一至周日9:00-19:00</span></h2>
            <a href="#">关于我们</a>
            <a href="#">联系我们</a>
            <a href="#">加入我们</a>

            <p>Copyright@2017 深圳市大联智云科技有限公司All right server.</p>
        </div>
    </div>
</footer>
</body>
</html>
